*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
html,body,#app{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
a{
    text-decoration: none;
}
ul,ol,dl{
    list-style: none;
}
/* 背景*/
.v-s-view{
    overflow: hidden;
    transform-origin: 0 0;
    position: relative;
}
/*分组*/
.v-s-group-component{
    position: absolute;
}


/* 文本组件*/
.v-s-text {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
.v-s-text > a {
    align-items: center;
    width: 100%;
    height: 100%;
}
@keyframes lefttoright {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes righttoleft {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.v-s-text .text_animation {
    animation-name: lefttoright;
}
.v-s-text .text_animation1 {
    animation-name: righttoleft;
}
/*翻牌器组件*/
.v-s-count {
    height: 100%;
    width: 100%;
    display: flex;
    color: #fff;
    align-items: flex-end;
}
.v-s-count .box-item {
    flex: 1;
    display: flex;
    height: 100%;
    overflow: hidden;
}
.v-s-count .company {
}
.v-s-count .number-item {
    background-size: 100% 100% !important;
}
.v-s-count .number-item > ul {
    width: 100%;
}
.v-s-count .number-item > ul > li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 图片组件*/
.v-s-image {
    width: 100%;
    height: 100%;
}
.v-s-image>img{
    width: 100%;
    height: 100%;
}
.v-s-image .animation {
    animation-name: rte;
}
@keyframes rte {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* 选项卡组件*/
.v-s-tabs{
    width: 100%;
    display: flex;
}
/* 自定义组件*/
.v-s-html,
.v-s-html-content {
    width: 100%;
    height: 100%;
    color:#fff;
}

/* 列表组件*/
.v-s-table {
    width: 100%;
    height: 100%;
    color: #fff;
}
.v-s-table  .swiper {
    width: 100%;
    height: 100%;
}
.v-s-table .list-title {
    width: 100%;
    display: flex;
}
.v-s-table  .list-title-item {
    height: 100%;
    display: flex;
    align-items: center;
}
.v-s-table .list-item {
    width: 100%;
    height: 100%;
    display: flex;
}
.v-s-table .list-item > li {
    display: flex;
    align-items: center;
}
